<?php

/* @var $this \yii\web\View */
/* @var $content string */

use app\assets\AppAsset;
use yii\helpers\Url;

?>
       <div class="page" id="page_rentalCarOrderDetails">
        <header class="bar bar-nav" style="background: #1CABED;width: 100%;">
            <a class="icon  pull-left icon-left back" href="#" data-no-cache="true" style="color: #ffffff"></a>
            <!--<a class="icon  pull-right icon-refresh script_refresh"   data-no-cache="true" style="color: #ffffff"></a>-->
              <h1 class="title">租车订单详情</h1>
           </header>
       <div class="content pull-to-refresh-content" data-ptr-distance="44">
        <div class="RCOD-main"  style="margin-top:0">
        	<div class="pull-to-refresh-layer">
                   <div class="preloader"></div>
                   <div class="pull-to-refresh-arrow"></div>
            </div>
        	<div  class="CD-list-head CROD-xc-toggle"><span>车时行程 <img src="/h5car/img/icon/icon_down.png"></span><div class="clear"></div></div>
		    <div class="CROD-xc CROD-xc-rentalCalOrderDetails" style="    color: #ccc;margin-bottom: 2rem;display: none;">

		    </div>
		    <div class="CD-list" style="width: 100%;">
		 	    <div  class="CD-list-head"><span>取还车地点 </span><div class="clear"></div></div>
		 	    <div style="margin-top: 1rem;"><span class="map_stores_name"></span><span>取车地点</span></div>
		 	    <div><span >021-3319 1622</span><span>服务电话</span></div>
		 	    <div><span></span><span><!--<img src="h5car/img/dhh.png">--><a class="external qc-url" href="<?=Url::to(['/h5cargo/index/picmap'])?>">点击定位</a></span></div>
		 	    <div><span class="map_stores_name_re"></span><span>还车地点</span></div>
		 	   <div><span>021-3319 1623</span><span>服务电话</span></div>
		 	   <div><span></span><span><!--<img src="h5car/img/dhh.png">--><a class="external hc-url" href="<?=Url::to(['/h5cargo/index/picmap'])?>">点击定位</a></span></div>
		     </div>
        	 <div class="CD-list" style="width: 100%;">
		 	    <div  class="CD-list-head"><span>车时信息</span><div class="clear"></div></div>
		 	    <div style="margin-top: 1rem;"><span class="clxhh"></span><span>车辆型号</span></div>
		 	    <div><span class="usercar_nickname"></span><span>车牌号码</span></div>
		 	    <div><span class="stores_name"></span><span>取换地点</span></div>
		 	   <div><span class="order_startime"></span><span>开始时间</span></div>
		 	   <div><span class="order_endtime"></span><span>结束时间</span></div>
		     </div>
            <div  class="CD-list-head" class="yczt" style="display: none;"><span>验车状态</span><div class="clear"></div></div>
            <div class="CROD-yc"> <a class="bottn-z  quche_state btn-zf" style="width: 40%;float: left; display: none;   text-align: center;">取车验车</a><a class="bottn-z huanche_state btn-zf" style="width: 40%;float: right;  display: none;  text-align: center;">还车验车</a><div class="clear"></div></div>
		 	<!--<div  class="CD-list-head"><span>订单押金</span><div class="clear"></div></div>-->
		 	<div class="bottn orderyajin_show btn-zf" style="margin-top: 1rem;" >支付订单押金</div>
		 	<div class="bottn weizhang_show btn-zf" style="margin: 1rem auto;" >支付违章押金</div>
            <div  class="CD-list-head"><span>订单金额</span><div class="clear"></div></div>
            <!--租金保险-->
		 	<div class="CROD-yc CROD-yc-head CROD-yc-head-zjbx"><span class="order_total"></span><a><img src="/h5car/img/icon/icon_down.png" style="vertical-align: -10%; width: .7rem;">租金保险</a><div class="clear"></div></div>
		 	  <div class="CROD-yc-head-main" style="display: block; border: none;overflow: hidden;">
		 	    <div class="CROD-yc"><a>平日</a><span class="workday_price"></span><div class="clear"></div></div>
		 	    <div class="CROD-yc"><a>周末</a><span class="weekend_price"></span><div class="clear"></div></div>
		 	    <div class="CROD-yc"><a>节日</a><span class="holiday_price"></span><div class="clear"></div></div>
		 	    <div class="CROD-yc"><a>保险</a><span class="insurance_price"></span><div class="clear"></div></div>
		 	    <div class="CROD-yc"><a>牌照加价</a><span class="limit_carid_price"></span><div class="clear"></div></div>
		 	    <div class="CROD-yc"><a>门店调价</a><span class="store_private_price"></span><div class="clear"></div></div>
		 	  </div>
		 	<!--维修费用-->
		 	<div class="CROD-yc CROD-yc-head CROD-yc-head-wxfy"><span class="weixiu_total"></span><a><img src="/h5car/img/icon/icon_down.png" style="vertical-align: -10%; width: .7rem;">维修费用</a><div class="clear"></div></div>
		 	  <div class="CROD-yc-head-main">
		 	       <!-- <div class="table-head-a"><span>部位</span><span>损伤程度</span><span>费用/元</span></div>-->
		 	        <div class="table-head-main table-head-main-wxfy">
		 	           <!--<div class="table-head-a"><span>车门</span><span>A</span><span>200</span></div>
		 	           <div class="table-head-a"><span style="width: 100%;">备注:尽快付款吧，哈哈哈哈哈哈</span></div>-->

		 	        </div>
		 	        <div class="fyxq-no">没有相关信息..</div>
		 	        <div class="infinite-scroll-preloader fyxq">
                      <div class="preloader"></div>
                    </div>
		 	   </div>
		 	<!--违章费用-->
		 	<div class="CROD-yc CROD-yc-head CROD-yc-head-wzfy"><span class="weizhang_total"></span><a><img src="/h5car/img/icon/icon_down.png" style="vertical-align: -10%; width: .7rem;">违章费用</a><div class="clear"></div></div>
		 	  <div class="CROD-yc-head-main">
		 	        <!--<div class="table-head-b"><span>类型</span><span>时间</span><span>地点</span><span>费用/元</span></div>-->
		 	        <div class="table-head-main table-head-main-wzfy">
		 	           <!--<div class="table-head-b"><span>闯红灯</span><span>2016-7-15 15:33</span><span>虹桥</span><span>200</span></div>
		 	           <div class="table-head-b"><span style="width: 100%;">备注:尽快付款吧，哈哈哈哈哈哈</span></div>-->
		 	        </div>
		 	         <div class="fyxq-no">没有相关信息..</div>
		 	        <div class="infinite-scroll-preloader fyxq">
                      <div class="preloader"></div>
                    </div>

		 	   </div>
		 	<!--违约费用-->
		 	<div class="CROD-yc CROD-yc-head CROD-yc-head-wyfy"><span class="weiyue_total"></span><a><img src="/h5car/img/icon/icon_down.png" style="vertical-align: -10%; width: .7rem;">违约费用</a><div class="clear"></div></div>
		 	  <div class="CROD-yc-head-main">
		 	        <!--<div class="table-head-a"><span>类型</span><span>时间</span><span>费用/元</span></div>-->
		 	        <div class="table-head-main table-head-main-wyfy">
		 	           <!--<div class="table-head-a"><span>还车超时</span><span>2016-7-15 15:33</span><span>200</span></div>
		 	           <div class="table-head-a"><span style="width: 100%;">备注:尽快付款吧，哈哈哈哈哈哈</span></div>-->
		 	        </div>
		 	         <div class="fyxq-no">没有相关信息..</div>
		 	        <div class="infinite-scroll-preloader fyxq">
                      <div class="preloader"></div>
                    </div>

		 	   </div>
		 	<!--额外项目-->
		 	<div class="CROD-yc CROD-yc-head CROD-yc-head-ewxm"><span class="ewai_total"></span><a><img src="/h5car/img/icon/icon_down.png" style="vertical-align: -10%; width: .7rem;">额外项目</a><div class="clear"></div></div>
		 	  <div class="CROD-yc-head-main">
		 	        <div class="table-head-main table-head-main-ewxm">
		 	        </div>
		 	        <div class="fyxq-no">没有相关信息..</div>
		 	        <div class="infinite-scroll-preloader fyxq">
                      <div class="preloader"></div>
                    </div>
		 	   </div>
		 	<div class="zf-btn-list">
		 	<!--<div class="bottn btn-zf waitfp_status" style="margin-top: 1rem;" >订单预定支付</div>-->
		 	</div>
		 	<input class="bottn btn-zf xgcs" style="margin: 1rem auto;" id="rang-time" placeholder="修改租期结束时间" />
		 	<div class="bottn btn-zf qxdd" style="margin: 0 auto 2rem auto;" >取消订单</div>

		 	<div class="CROD-sm" style="margin-top: 2rem;">
		 	   <!--<div class="carR-ok-g"><span>您拥有15分钟内免责取消车时的权利</span></div>
		       <div class="carR-ok-g"><span>超出15分钟后取消车时将受到违约处罚</span></div>-->
		       <div class="carR-ok-g"><span>若有疑问可致电</span></div>
		       <div class="carR-ok-h"><a><span></span><span>4006 121 121</span></a></div>
		   </div>
		</div>
      	   </div>
      	   </div>
<script type="text/javascript">
    var picmapUrl ="<?=Url::to(['/h5cargo/index/picmap'])?>";
    var zhifuyajinUrl ="<?=Url::to(['/h5cargo/index/zhifuyajin'])?>";
    var zhifu_otherUrl ="<?=Url::to(['/h5cargo/index/zhifuother'])?>";
    var otherCostdetailsUrl ="<?=Url::to(['/h5cargo/index/othercostdetails'])?>";
    var carCheckDetailsQucheUrl ="<?=Url::to(['/h5cargo/index/carcheckdetailsquche'])?>";
    var carCheckDetailsHuancheUrl ="<?=Url::to(['/h5cargo/index/carcheckdetailshuanche'])?>";
    var rentalCarOrderUrl ="<?=Url::to(['/h5cargo/index/rentalcarorder'])?>";
</script>